<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
div1:
<div id="app1">
    <com-a></com-a>
    <com-b></com-b>
    <com-c></com-c>
</div>
div2:
<div id="app2">
    <com-a></com-a>
    <com-b></com-b>
    <com-c></com-c>
</div>
外边的：

<com-a></com-a>
<com-b></com-b>
<com-c></com-c>
</body>
</html>
<script src="../js/vue.min.js"></script>
<script>
    Vue.component('com-a', {
        template: `
            <div>
                <h3>我是全局组件A</h3>
            </div>
        `
    })
    new Vue({
        el: '#app1',
        data() {
            return {}
        },
        components: {
            'com-b': {
                template: `
                    <div>
                        <h3>我是局部组件com-b</h3>
                    </div>
                `
            }
        }
    })
    new Vue({
        el: '#app2',
        data() {
            return {}
        },
        components: {
            'com-c': {
                template: `
                    <div>
                        <h3>我是局部组件com-c</h3>
                    </div>
                `
            }
        }
    })
</script>